<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">


<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TMPO - Request Transportation</title>
<link href="/tmpo/images/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
<link href="/tmpo/css/screen.css" rel="stylesheet" type="text/css" />
<script src="/tmpo/js/tmpoDefaultSet.min.js"  type="text/javascript"></script>
<script src="/js/jquery.lib.js"  type="text/javascript"></script> 
<script src="/js/functional.js"  type="text/javascript"></script>
<!--<script src="/tmpo/js/form248.js"  type="text/javascript"></script>-->
</head>


<body>
<!-- Position asymmetrical blue background behind navigation absolutely without disrupting other elements in IE -->
<div class="asymmetricalMask"></div>

<div id="primaryNavigation"> 
  <div class="topNavBox">
    <div class="centerBox"><a id="myRequestsNavButton" class="selected" href="/tmpo/missions/" title="New Requests, Commitment Record, Timeline"> <img src="/tmpo/images/icons/myrequests.gif" alt="New Requests, Commitment Record, Timeline" width="22" height="22"/>My Requests</a> <a id="driversNavButton" class="roll" href="/tmpo/drivers/" title="Driver Schedule, Driver Details"><img src="/tmpo/images/icons/drivers.gif" alt="Driver Schedule, Driver Details" width="22" height="22"/>Drivers</a> <a id="vehiclesNavButton" class="roll" href="/tmpo/vehicles/" title="Vehicle History, Maintenance Log, Form 1970: Motor Equipment Utilization Record" ><img src="/tmpo/images/icons/vehicles.gif" alt="Vehicle History, Maintenance Log, Form 1970: Motor Equipment Utilization Record" width="22" height="22"/>Vehicles</a> <a id="reportsNavButton" class="roll" href="/tmpo/reports/" title="View and Print Reports"><img src="/tmpo/images/icons/reports.gif" alt="View and Print Reports"  width="22" height="22" />Reports</a> <a id="logoutNavButton" class="logout" href="/tmpo/"><img src="/tmpo/images/icons/logout_icon.gif" alt="" width="22" height="22" />Logout</a><a id="optionsNavButton" class="logout" href="/tmpo/options/mysettings/"><img src="/tmpo/images/icons/options.gif" alt="" width="22" height="22" />Options</a></div>
</div></div>

<div id="brandHeader">
<div class="centerBox"> 
<a href="/tmpo/"><img src="/tmpo/images/tmpo_logo.gif" class="headerLogo"/></a><img src="/tmpo/images/title_login.gif" alt="Welcome" class="sectionTitle" id="sectionTitle"/>

</div>
</div>


<div id="secondaryNavigation">
  <!-- Position bear logo absolutely left of center column without disrupting other elements in IE -->
  <div class="centerBox">
    <div class="blazon"><img src="/tmpo/images/ABG_emblem.gif" alt="3rd Joint Command Insignia" /></div>
  </div>
  <div class="centerBox">
    <span id="commitmentTab" class="selected"><a  class="selected" href="/tmpo/missions/">Commitment Record</a></span><span class="roll" id="timelineTab"> <a  class="roll" href="/tmpo/missions/timeline/">Timeline</a></span>
  </div>
</div>

<div id="primaryContent" class="contrastingColor5">
    <div class="centerBox contentControls contrastingColor2"></div>
    <div class="centerBox mainContent">
   

<div id="protoFormHTML">
<table class="form" summary="Request for Motor Transportation - USARAK Form 248">
    <caption>
        <span style="font-size:.5em; float:right; padding-top:7px;">
            <span class="required">*</span> Required Fields        </span>
        Request for Motor Transportation 
    </caption>
    <colgroup>
        <col id="f248Col1" />
        <col id="f248Col2" />
        <col id="f248Col3" />
        <col id="f248Col4" />
    	<col id="f248Col5" />
    </colgroup>
    <tbody>
        <tr class="tableHeadColor" style="text-align:center;">
            <td colspan="5">
                <h4>General Information</h4>            </td>
        </tr>
        <tr>
           <td><span class="required">*</span>
               <label for="requested_by">Requested by:</label><br /><input name="requested_by" id="requested_by" type="text" size="30" /><br /><span class="inputErrorMessage">Please complete required field.</span></td>
           <td><span class="required">*</span>
               <label for="requester_email">Email:</label><br /><input name="poc_smtp" id="poc_smtp" type="text" size="30" /><br /><span class="inputErrorMessage">Please complete required field.</span></td>
           <td><span class="required">*</span>
               <label for="requester_phone">Telephone No.:</label>
               <br />
               <input name="requester_phone_area" id="requester_phone_area" type="text" size="3" maxlength="3" value="907" />
             -
             <input name="requester_phone_prefix" id="requester_phone_prefix" type="text" size="3" maxlength="3" />
             -
             <input name="requester_phone_suffix" id="requester_phone_suffix" type="text" size="4" maxlength="4" /><br /><span class="inputErrorMessage">Please complete required field.</span><span class="inputErrorMessage">Please enter a 10-digit telephone number. Example: 123-456-7890</span></td>
           <td><span class="required">*</span>
               <label for="trans_coord_name">Transportation Coordinator:</label><br /><input name="trans_coord_name" id="trans_coord_name" type="text" size="30" />
             <br /><span class="inputErrorMessage">Please complete required field.</span></td>
           <td><span class="required">*</span>
               <label for="trans_coord_phone">Telephone No.:</label><br /><input name="trans_coord_phone_area" id="trans_coord_phone_area" type="text" size="3" maxlength="3" value="907" />
             -
             <input name="trans_coord_phone_prefix" id="trans_coord_phone_prefix" type="text" size="3" maxlength="3" />
             -
             <input name="trans_coord_phone_suffix" id="trans_coord_phone_suffix" type="text" size="4" maxlength="4" /><br /><span class="inputErrorMessage">Please complete required field.</span><span class="inputErrorMessage">Please enter a 10-digit telephone number. Example: 123-456-7890</span></td>
         </tr>
         <tr>
         <td><span class="required">*</span>
               <label for="org_req_name">Organization Requested for:</label><br /><input name="org_req_name" id="org_req_name" type="text" size="30" /><br /><span class="inputErrorMessage">Please complete required field.</span></td>
         <td><label for="org_req_phone">Telephone No.:</label><br/>
           <input name="org_req_phone_area" id="org_req_phone_area" type="text" size="3" maxlength="3" value="907" />
             -
             <input name="org_req_phone_prefix" id="org_req_phone_prefix" type="text" size="3" maxlength="3" />
             -
             <input name="org_req_phone_suffix" id="org_req_phone_suffix" type="text" size="4" maxlength="4" /></td>
		 <td><label for="fund_cite">Support of:</label><br /><select name="fund_cite" id="fund_cite" ><option value="Brigade" selected="selected">Brigade</option><option value="Garrison">Garrison</option><option value="GWOT">GWOT</option>
             <option value="MWR">MWR</option>
             <option value="ROTC">ROTC</option>
             <option value="YMCA">YMCA</option>
             <option value="NG">NG</option>
             <option value="Other">Other</option></select></td>
         <td><label for="purpose">Purpose of Trip:</label><br /><input name="purpose" id="purpose" type="text" size="30" /></td>
         <td></td>
         </tr>
         <tr>
         <td><span class="required">*</span>
               <label for="poc_name">POC during Transport:</label><br />
            <input name="poc_name" id="poc_name" type="text" size="30" />            <br />
               <input type="checkbox" name="pocRequester" id="pocRequester" />
                 Same as Requester</label><br /><span class="inputErrorMessage">Please complete required field.</span></td>
         <td><span class="required">*</span> <label for="poc_phone">POC Telephone:</label><br /><input name="poc_phone_area" id="poc_phone_area" type="text" size="3" maxlength="3" value="907" />
             -
             <input name="poc_phone_prefix" id="poc_phone_prefix" type="text" size="3" maxlength="3" />
             -
             <input name="poc_phone_suffix" id="poc_phone_suffix" type="text" size="4" maxlength="4" /><br /><span class="inputErrorMessage">Please complete required field.</span><span class="inputErrorMessage">Please enter a 10-digit telephone number. Example: 123-456-7890</span></td>
         <td><label for="poc_alt_phone">Alternate POC Telephone No.:</label><br /><input name="poc_alt_phone_area" id="poc_alt_phone_area" type="text" size="3" maxlength="3" value="907" />
             -
             <input name="poc_alt_phone_prefix" id="poc_alt_phone_prefix" type="text" size="3" maxlength="3" />
             -
             <input name="poc_alt_phone_suffix" id="poc_alt_phone_suffix" type="text" size="4" maxlength="4" /></td>
         <td><span class="required">*</span>
               <label for="deliver_post">Deliver to Post:</label><br /><input name="deliver_post" id="deliver_post" type="text" size="30" /><br /><span class="inputErrorMessage">Please complete required field.</span></td>
         <td><label for="wait">Wait:</label><br /><label><input type="radio" name="wait" value="1" checked="checked" /> Yes</label> <label><input type="radio" name="wait" value="0" /> No</label></td>
         </tr> 
    </tbody>
    <tbody>
        <tr class="tableHeadColor" style="text-align:center;">
            <td colspan="5">
                <h4>Intinerary Details</h4>            </td>
        </tr>
        <tr>
            <td colspan="5" style="padding:8px 10px 0px;">
              Enter number of additional legs needed and click "Add."  To remove a leg, hover over row and click "Delete."  Legs may be entered in any order.
              <p style="margin-top:8px;"><input type="text" value="1" size="3" /><a href="#" class="button" style="margin: -18px 3px 5px 50px; padding: 1px 3px;"><img src="/images/icons/add.gif" /> Add Legs</a></p></td>
          </tr>
        <tr>
            <td colspan="5">


<div id="protoPublicItineraryHTML">
    <table class="internal inline">
        <colgroup>
            <col id="pubItinDate" />
            <col id="pubItinStart" />
            <col id="pubItinEnd" />
            <col id="pubItinLoc" />
            <col id="pubItinDest" />
            <col id="pubItinPax" />
            <col id="pubItinCargo" />
            <col id="pubItinComments" />
        </colgroup>
        <thead>
            <tr>
                <th>
                    <span class="required">*</span> Date                </th>
                <th>
                    <span class="required">*</span> Start Time                </th>
           	<th>
                    <span class="required">* </span>Est. End Time                </th>
                <th>
                    <span class="required">*</span> Location                </th>
                <th>
                    <span class="required">*</span> Destination                </th>
           	<th>PAX No.</th>
           	<th>Cargo Type</th>
                <th>Comments</th>
            </tr>
        </thead>


<div id="protoPublicItineraryLegHTML">
        <tbody>
            <tr>
                <td>
                    <span name="span_delete" class="hoverButton" style="display:block;">Delete</span>
                    <input name="date" size="10" />
                    <h6>DD MMM YYYY</h6>
                    <span class="inputErrorMessage">Please complete required field.</span>
                    <span class="inputErrorMessage">Please enter a complete date. Example: 01 JAN 2000</span>
                    <span class="inputErrorMessage">Date is in the past.</span>                </td>
                <td>
                    <input name="start_time" size="6" maxlength="4" />
                    <h6>0000</h6>
                    <span class="inputErrorMessage">Please complete required field.</span>
                    <span class="inputErrorMessage">Please use four-digit military time. Example: 1430</span>                </td>
                <td>
                    <input name="finish_time" size="6" maxlength="4" />
                    <h6>0000</h6>
                    <span class="inputErrorMessage">Please complete required field.</span>
                    <span class="inputErrorMessage">Please use four-digit military time. Example: 1430</span>
                    <span class="inputErrorMessage">Est. End Time must be later than Start Time.</span>                </td>
                <td>
                    <input name="location" size="20" />
                    <br />
                    <span class="inputErrorMessage">Please complete required field.</span>                </td>
                <td>
                    <input name="destination" size="20" />
                    <br />
                    <span class="inputErrorMessage">Please complete required field.</span>                </td>
                <td>
                    <input name="number_of_passengers" size="6" />                </td>
                <td>
                    <input name="cargo_type" size="6" />                </td>
                <td>
                    <input name="comments" size="30" />                </td>
            </tr>
        </tbody>
</div>
    </table>    
</div>


<div id="protoDispatchItineraryHTML">
    <table class="internal inline">
        <colgroup>
            <col id="dispItinDate" />
            <col id="dispItinStart" />
            <col id="dispItinEnd" />
            <col id="dispItinDrivers" />
            <col id="dispItinVehicles" />
            <col id="dispItinLoc" />
            <col id="dispItinDest" />
            <col id="dispItinPax" />
            <col id="dispItinCargo" />
        </colgroup>
        <thead>
            <tr>
                <th>
                    <span class="required">*</span> Date                </th>
                <th>
                    <span class="required">*</span> Start                </th>
       		<th>
                    <span class="required">* </span>Finish                </th>
                <th width="145">
                    <span class="required">* </span>Drivers                </th>
                <th width="145">
                    <span class="required">* </span>Vehicles                </th>
           	<th>
                    <span class="required">*</span> Location                </th>
           	<th>
                    <span class="required">*</span> Destination                </th>
           	<th>PAX No.</th>
                <th>Cargo Type</th>
            </tr>
        </thead>


<div id="protoDispatcherItineraryLegHTML">
        <tbody>
            <tr>
                <td rowspan="2">
                    <span name="span_delete" class="hoverButton" style="display:block;">Delete</span>
                    <input name="date" size="10" />
                    <h6>DD MMM YYYY</h6>
                    <span class="inputErrorMessage">Please complete required field.</span>
                    <span class="inputErrorMessage">Please enter a complete date. Example: 01 JAN 2000</span>
                    <span class="inputErrorMessage">Date is in the past.</span>                </td>
                <td rowspan="2">
                    <input name="start_time" size="6" maxlength="4" />
                    <h6>0000</h6>
                    <span class="inputErrorMessage">Please complete required field.</span>
                    <span class="inputErrorMessage">Please use four-digit military time. Example: 1430</span>                </td>
                <td rowspan="2">
                    <input name="finish_time" size="6" maxlength="4" />
                    <h6>0000</h6>
                    <span class="inputErrorMessage">Please complete required field.</span>
                    <span class="inputErrorMessage">Please use four-digit military time. Example: 1430</span>
                    <span class="inputErrorMessage">Finish Time must be later than Start Time.</span>                </td>
                <td rowspan="2">
                    <span class="checkboxList">
                        <input type="checkbox" /> Driver
                        <br/>
                    </span> <br /><strong>Selected:</strong> Driver, Driver               </td>
                <td rowspan="2">
                    <span class="checkboxList">
                        <input type="checkbox" /> Vehicle
                        <br/>
                    </span>  <br /><strong>Selected:</strong> None.              </td>
                <td>
                    <input name="location" size="15" />
                    <br />
                    <span class="inputErrorMessage">Please complete required field.</span>                </td>
                <td>
                    <input name="destination" size="15" />
                    <br />
                    <span class="inputErrorMessage">Please complete required field.</span>                </td>
                <td>
                    <input name="number_of_passengers" size="6" />                </td>
                <td>
                    <input name="cargo_type" size="6" />                </td>
            </tr>
            <tr>
                <td colspan="4">
                    <label>Comments:</label>
                    <textarea name="comments" cols="60" rows="2"></textarea>                </td>
            </tr>
        </tbody>
</div>
    </table>
</div>            </td>
        </tr>
    </tbody>


<div id="protoPublicButtonsHTML">
    <tfoot>
        <tr>
            <td colspan="5">
                <a href="#" class="button" id="button_cancel"><img alt="" src="/images/icons/close.gif"/> Cancel</a> 
                <a href="#" class="button" id="button_submit"><img alt="" src="/images/icons/submit.gif"/> Submit</a>
                <span class="generalErrorMessage"><img alt="" src="/tmpo/images/icons/error.gif" /> Unable to submit at this time.</span>
                <span class="generalErrorMessage"><img alt="" src="/tmpo/images/icons/alert.gif"/> Please correct errors above to submit request.</span>
                <span class="waitMessage"><img alt="" src="/tmpo/images/icons/hourglass.gif" /> Your request is being submitted. Please wait.</span>            </td>
        </tr>
    </tfoot>
</div>


<div id="protoDispatcherButtonsHTML">
    <tfoot>
        <tr>
            <td colspan="5">
                <a href="#" class="button" id="button_delete"><img alt="" src="/images/icons/delete.gif"/> Delete</a> 
                <a href="#" class="button" id="button_cancel"><img alt="" src="/images/icons/close.gif"/> Cancel</a> 
                <a href="#" class="button" id="button_save"><img alt="" src="/images/icons/save.gif"/>Save</a> 
                <span class="generalErrorMessage"><img alt="" src="/tmpo/images/icons/error.gif" /> Unable to save at this time.</span>
                <span class="generalErrorMessage"><img alt="" src="/tmpo/images/icons/alert.gif" /> Please correct errors above to save form.</span>
                <span class="waitMessage"><img alt="" src="/tmpo/images/icons/hourglass.gif" /> Your changes are being saved. Please wait.</span>            </td>
        </tr>
    </tfoot>
</div>
</table>
</div>


</div></div>


<div id="secondaryContent" class="contrastingColor3">
  <div class="centerBox supplementalContent contrastingColor4"><span class="POCemail"></span></div>
</div>

</body>
</html>
